/*
Theme Name: globtour
Theme URI:  http://www.globtourmontenegro.com
Description: The Globtour Theme.
Version: 1.0
Author: Theme Developed by: NU SIT BAr
Author URI: mailto: ikukic@yahoo.com
Tags: 
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    margin:0;
    padding:0
}

ol,ul {
    list-style:none
}

blockquote,q {
    quotes:none
}

:focus {
    outline:0
}

del {
    text-decoration:line-through
}

table {
    border-collapse:collapse;
    border-spacing:0
}

.clear {
    clear:both
}

/*
+  CLEAR FLOATS
---------------------------------------------------------------------------- */

.clearfix:after { 
    content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.clearfix {    
    display: inline-block;
}
/* Hides from IE-mac \*/ * html .clearfix { height: 1%;}
.clearfix {
    display: block;
}
.spacer{
    width: 100%;
    height: 0;
    background: none;
    clear: both;
}

a {
    color:#fff;
    text-decoration:none
}

html {
    font-family: Arial, Helvetica;
    font-size: 12px;
}

body {
    
    background: url(../img/backgnds/bodybg.jpg) repeat-x left top #FEFEFE;    
}
#holder{
    background: url(../img/backgnds/sitebg.jpg) no-repeat center top transparent;
    float: left;
    width: 100%;
}
.wrapper {
    width:980px;
    margin:0 auto
}

#header{
    height: 212px;
    /*margin-top: 39px;*/
    position: relative;
    top: 39px;
    z-index: 1
}
#h-left,#h-mid,#h-right,#h-top-left,#h-top-mid,#h-top-right{
    float: left;
    height: 212px
}
#h-left{
    background:url(../img/backgnds/h-left.png) no-repeat left top;
    width: 25px;
}
#h-mid{
    background:url(../img/backgnds/h-mid.png) repeat-x left top;
    width: 930px;
    position: relative;  
}
#h-right{
    background:url(../img/backgnds/h-right.png) no-repeat left top;
    width: 25px;
}
#header_call_center{
    float: right;
    margin: 61px 21px 0;
    z-index: 1;
    position: relative;
}
#header_logo{
    float: left;
    margin: 37px 0 0 27px;
    z-index: 1;
    position: relative;
}
#header_top{
    position: absolute;
    top: 10px;
    left: 219px;
    z-index: 0;
}
#h-top-left,#h-top-mid,#h-top-right{
    float: left;
    height: 56px
}
#h-top-left{
    background:url(../img/backgnds/h-top-nav-left.jpg) no-repeat left top;
    width: 74px;
}
#h-top-mid{
    background:url(../img/backgnds/h-top-nav-mid.jpg) repeat-x left top;
    /*width: 343px;*/  
}
#h-top-right{
    background:url(../img/backgnds/h-top-nav-right.jpg) no-repeat left top;
    width: 75px;
}
#h-top-mid ul{

}
#h-top-mid ul{
    margin-left: 6px;
}
#h-top-mid ul li{
    float: left;
}
#h-top-mid ul li a{
    font-size: 11px;
    font-weight: bold;
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    display: block;
}
#h-top-mid ul li a:hover{
    background:#000;
    color: #FFCC00;
}
#mainmenu{
    margin: 0 auto;
    width: 710px;
    position: relative;
    bottom: 0;
    margin-top: 18px;
}
#mainmenu ul li{
    float: left;
}
#mainmenu ul li a{
    font-size: 12px;
    font-weight: bold;
    display: block;
    width: 142px;
    background:url(../img/backgnds/m-nav.png) no-repeat left top;
    text-align: center;
    line-height: 42px;
    height: 42px;
}
#mainmenu ul li a:hover{
    background:url(../img/backgnds/m-nav.png) no-repeat 0 -42px;
    color: #000;
}
#mainmenu ul li a img{
    margin-top: 12px;
}
#mainmenu ul li a.first{
    background:url(../img/backgnds/m-nav-home.png) no-repeat left top;
}
#mainmenu ul li a.first:hover{
    background:url(../img/backgnds/m-nav-home.png) no-repeat 0 -42px;
}
#body{
    position: relative;
    margin-top: 20px;
    z-index: 0  
}
#body-top{
    background:url(../img/backgnds/box-top.png) no-repeat left top;
    height: 14px
}
#body-mid{
    background:url(../img/backgnds/box-mid.png) repeat-y left top;
}
#body-bottom{
    background:url(../img/backgnds/box-bottom.png) no-repeat left top;
    width: 980px;
    height: 23px;   
}
#module{   
    height: 379px;
    padding: 2px 0 0 16px;
    z-index: 1;
    position: relative;
    float: left;
}
#m-left,#m-mid,#m-right{
    float: left;
    height: 379px;
}
#m-left{
    background:url(../img/backgnds/m-left.png) no-repeat left top;
    width: 24px;
}
#m-mid{
    background:url(../img/backgnds/m-mid.png) repeat-x left top;
    width: 510px;
    position: relative;
}
#m-right{
    background:url(../img/backgnds/m-right.png) no-repeat left top;
    width: 38px;
}
#module #m-mid ul{
    position: absolute;
    top: 0;
    left: -24px;
}
#module #m-mid ul li a {
    display: block;
    text-indent: -9999px;
    width: 212px;
    height: 104px;
}

#m-rentacar,#m-excursions,#m-tours,#m-accommodation{
    position: absolute;
}
#m-rentacar{
    top: 0;
    z-index: 7;
}
#m-excursions{
    top: 91px;
    z-index: 6;
}
#m-tours{
    top: 181px;
    z-index: 5; 
}
#m-accommodation{
    top: 273px;
    z-index: 4;
    left: -1px;
}
#m-rentacar a{
    background:url(../img/backgnds/module-nav.png) no-repeat 0 0;
}
#m-rentacar a:hover{
    background:url(../img/backgnds/module-nav.png) no-repeat 0 -210px;
}
#m-rentacar a.current{
    background:url(../img/backgnds/module-nav.png) no-repeat 0 -105px;
}
#m-excursions a{
    background:url(../img/backgnds/module-nav.png) no-repeat -211px 0;
}
#m-excursions a:hover{
    background:url(../img/backgnds/module-nav.png) no-repeat -211px -210px;
}
#m-excursions a.current{
    background:url(../img/backgnds/module-nav.png) no-repeat -211px -105px;
}
#m-tours a{
    background:url(../img/backgnds/module-nav.png) no-repeat -422px 1px;
}
#m-tours a:hover{
    background:url(../img/backgnds/module-nav.png) no-repeat -422px -209px;
}
#m-tours a.current{
    background:url(../img/backgnds/module-nav.png) no-repeat -422px -105px;
}
#m-accommodation a{
    background:url(../img/backgnds/module-nav.png) no-repeat -632px 0;
}
#m-accommodation a:hover{
    background:url(../img/backgnds/module-nav.png) no-repeat -632px -210px;
}
#m-accommodation a.current{
    background:url(../img/backgnds/module-nav.png) no-repeat -632px -105px;
}

.m-rentacar, .m-excursions, .m-tours, .m-accommodation{
    /*margin-left: 206px;
    margin-top: 38px;*/
    position: absolute;
    top:38px;
    left: 206px;
}
.m-rentacar, .m-excursions, .m-tours, .m-accommodation{
    display: none;
}
.m-rentacar h3, .m-excursions h3, .m-tours h3, .m-accommodation h3{
    color: #FFF;
    font-size: 14px;
}


#module select {
    width: 123px;
    height: 25px !important;
    line-height: 25px;
    padding-top: 3px;
    margin-top: 4px;
    color: #696969;
}

#module input.text{
    background: url("../img/backgnds/form-gradient.png") repeat-x scroll center top transparent;
    border: 1px solid #ABABAB;
    line-height: 25px;
    margin-top: 4px;
    min-height: 25px;
    padding: 0 5px;
    color: #696969;
}

label.element{
    color: #FFF;
    font-size: 14px;
}
#datefrom, #dateto{
    width: 79px;
    background: url("../img/backgnds/form-gradient.png") repeat-x scroll center top transparent;
    border: 1px solid #ABABAB;
    line-height: 25px;
    min-height: 25px;
    padding: 0 5px;
    margin-top: 4px;
}
#ac-datefrom, #ac-dateto{
    width: 79px;
    background: url("../img/backgnds/form-gradient.png") repeat-x scroll center top transparent;
    border: 1px solid #ABABAB;
    line-height: 25px;
    min-height: 25px;
    padding: 0 5px;
    margin-top: 4px;
}

.m-form .basic-data-1, .m-form .basic-data-2{
    float: left;
    margin-top: 21px;
}
.m-form .basic-data-2{
    margin-left: 43px;
}
.m-form img{
    position: absolute;
    margin-left: 6px;
    margin-top:3px
}
.m-form dl{
    padding-bottom: 23px;
}
.submit {
    background: url("../img/backgnds/btn-send-text.png") no-repeat scroll 0 0 transparent;
    color: white;
    display: block;
    font-size: 11px;
    height: 55px;
    letter-spacing: -.5px;
    line-height: 55px;
    margin: 0 0 5px;
    padding: 0 0 4px 17px;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
    width: 200px;
    border: medium none;
}
.submit:hover {
    background: url("../img/backgnds/btn-send-text.png") no-repeat scroll 0 -54px transparent;
}
.basic-data-3 dd{
    margin-left: 99px;
    margin-top: 9px;
}

dl.ac-from, dl.ac-to{
    float:left;
}
.ac-to{
    margin-left: 75px;
}
#module .m-tours input.text{
    line-height: 24px;
    min-height: 24px;
}
#module .m-tours .basic-data-3{
    padding-top: 1px;
}

#banner-box{
    background: url("../img/backgnds/banner-box.png") no-repeat left top transparent;
    width: 375px;
    height: 379px;
    float: right;
    padding-right: 16px;
    margin-top: 1px;
    z-index: 0;
    position: relative; 
}
#banner-box .action{
    background: url("../img/backgnds/banner-box-action.png") no-repeat left top transparent; 
    width: 97px; 
    height: 97px;
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 1;
}
#banner-box .ban1{
    margin: 39px 0 0 23px;
}
.nivoSlider {
    position:relative;
    width:330px; /* Change this to your images width */
    height:280px; /* Change this to your images height */
    background:url(../img/backgnds/loading.gif) no-repeat 50% 50%;
    z-index: 0;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}
#action{
    position: absolute;
    left: 16px;
    top:394px;
    z-index: 0;
}
#a-left,#a-mid,#a-right{
    height: 210px;
    float: left;
}
#a-left{
    background:url(../img/backgnds/a-left.png) no-repeat left top;
    width: 20px;
}
#a-mid{
    background:url(../img/backgnds/a-mid.png) repeat-x left top;
    width: 908px;
    position: relative;
}
#a-right{
    background:url(../img/backgnds/a-right.png) no-repeat left top;
    width: 20px;
}
#a-mid img{
    position: absolute;
    top: 39px;
    left: 0;
    z-index:0
}
#a-mid #action-ribbon{
    position: absolute;
    top: 0;
    left: -21px;
    background:url(../img/backgnds/action-ribbon-big.png) no-repeat left top;
    width: 191px;
    height: 191px;
    z-index:1
}
#plan_social{
    position: relative;
    margin: 233px 0 0 53px;
    width: 874px;
    border: 1px solid #aaaaaa;
    height: 268px;
}
#social{
    float: right;
    width: 437px;
    height: 268px;
    border-left: 1px solid #aaaaaa
}
#plan ul{
   margin: 9px 0 0 27px; 
}
#plan ul li{
    line-height: 19px;
    height: 83px;
}
#plan ul li a{
    color: #333333;
    font-size: 15px;
    display: block;
    padding-left: 118px;
    padding-top: 33px;
    font-weight: bold;
}
#plan ul li a:hover{
    color:#000;
}
#plan ul li#bags{
    background:url(../img/backgnds/icons/bags.jpg) no-repeat left top;
}
#plan ul li#docs{
    background:url(../img/backgnds/icons/docs.jpg) no-repeat left top;
}
#plan ul li#support{
    background:url(../img/backgnds/icons/support.jpg) no-repeat left 1px;
}
#plan ul li#docs a{
    padding-top: 28px;
}
#plan ul li#support a{
    padding-top: 28px;
    padding-top: 31px;
}
#mailing{
   height: 36px;
   line-height: 36px;
   margin: 31px 0 0 52px;
   padding-bottom: 17px;
   font-size: 11px; 
   color: #333333;
}
#mail-left, #mail-mid, #mail-right{
    float: left;
    height: 36px;
}
#mail-left{
    width: 16px;
    background:url(../img/backgnds/maillist-left.png) no-repeat left top;
}
#mail-mid{
    background:url(../img/backgnds/maillist-mid.png) repeat-x left top;
    width: 845px;
}
#mail-right{
    width: 16px;
    background:url(../img/backgnds/maillist-right.png) no-repeat left top;
}
#mailing p, #mailing a,#maillist-name, #maillist-email{
    float: left;
}
#btn-send-maillist {
    background: url("../img/backgnds/btn-send-maillist.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 18px;
    line-height: 18px;
    cursor: pointer;
    width: 60px;
    border: medium none;
    text-indent: -9999px;
    margin-top: 10px;
}
#btn-send-maillist:hover {
    background: url("../img/backgnds/btn-send-maillist.png") no-repeat scroll 0 -18px transparent;
}
#maillist-name, #maillist-email{
    width: 139px;
    background: url("../img/backgnds/maillist-box.png") no-repeat left top transparent;
    line-height:18px;
    height: 18px;
    margin-top: 9px;    
}
#maillist-name input, #maillist-email input{
    line-height:12px;
    height: 12px;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    width: 129px;
    padding: 3px 5px;
    font-size: 11px;
    color: #333;
}
#maillist-name, #maillist-email,#btn-send-maillist{
    margin-left: 15px;
}
input.idle {
    color: #CCCCCC !important;
    font-style: italic !important;
}
#footer{
   margin-top: 2px;
    padding-bottom : 50px 
}
#f-left, #f-mid, #f-right{
    float: left;
    height: 105px;
}
#f-left{
    width: 33px;
    background:url(../img/backgnds/f-left.png) no-repeat left top;
}
#f-mid{
    background:url(../img/backgnds/f-mid.png) repeat-x left top;
    width: 914px;
    position: relative;
}
#f-right{
    width: 33px;
    background:url(../img/backgnds/f-right.png) no-repeat left top;
}
#f-nav-left,#f-nav-mid,#f-nav-right{
    float: left;
    height: 46px
}
#f-nav-left{
    background:url(../img/backgnds/f-nav-left.png) no-repeat left top;
    width: 74px;
}
#f-nav-mid{
    background:url(../img/backgnds/f-nav-mid.png) repeat-x left top;
    padding: 0 5px;  
}
#f-nav-right{
    background:url(../img/backgnds/f-nav-right.png) no-repeat left top;
    width: 74px;
}
#f-nav-mid ul{
    /*margin-left: 6px;*/
    margin-top: 9px;
}
#f-nav-mid ul li{
    float: left;
}
#f-nav-mid ul li a{
    font-size: 11px;
    font-weight: bold;
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    display: block;
}
#f-nav-mid ul li a:hover{
    background:#000;
    color: #FFCC00;
}
#footer-nav{
    position: absolute;
    bottom: 7px;
    left: 213px;
}
#footer-logo{
    float: right;
    margin: 17px 17px 0;
}
#footer p{
    float: left;
    font-size: 11px;
    color: #333;
    margin: 37px 0 0 19px
}